<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <!--Ext and ux styles -->
    <link type="text/css" rel="stylesheet" href="../../../ext-min/resources/css/ext-all.css"/>
    <link href="../../../ext-min/examples/ux/css/Spinner.css" rel="stylesheet" type="text/css" />
    <link href="../../../ext-min/examples/ux/css/LockingGridView.css" rel="stylesheet" type="text/css" />

    <!--Scheduler styles-->
    <link href="http://ext-scheduler.com/css/sch-all.css" rel="stylesheet" type="text/css" />

    <!--Gantt styles-->
    <link href="../../css/sch-gantt-all.css" rel="stylesheet" type="text/css" />

    <!--Implementation specific styles-->
    <link href="../../css/examples.css" rel="stylesheet" type="text/css" />
    <link href="gantt-scheduler.css" rel="stylesheet" type="text/css" />
    
    <!--Ext lib and UX components-->
    <script type="text/javascript" src="../../../ext-min/adapter/ext/ext-base-debug.js"></script>
    <script type="text/javascript" src="../../../ext-min/ext-all-debug.js"></script>
    <script type="text/javascript" src="../../../ext-min/examples/ux/LockingGridView.js"></script>
    <script type="text/javascript" src="../../../ext-min/examples/ux/Spinner.js"></script>
    <script type="text/javascript" src="../../../ext-min/examples/ux/SpinnerField.js"></script>

    <!--Scheduler components-->
    <script src="http://ext-scheduler.com/js/sch-all-debug.js" type="text/javascript"></script>

    <!--Gantt components-->
    <script src="../../js/sch-gantt-base-debug.js" type="text/javascript"></script>
    <script src="../../js/sch-gantt-all-debug.js" type="text/javascript"></script>
    
    <!--Application files-->
    <script src="gantt-scheduler.js" type="text/javascript"></script>

    <title>Gantt and Scheduler demo</title>
</head>
<body>
    <p>
        Here's example showing how you can use both the scheduler and gantt panels in the same page. There is no restriction on how many instances of each you can use in the same page.
    </p>
    <p>
        To see the data loaded into the gantt chart, click these links:            
    </p>
    <p>Note that the js for the example code is not minified so it is readable. See <a href="gantt-scheduler.js">gantt-scheduler.js</a>.</p>
    <br />
    <div id="scheduler"></div>
    <br />
    <br />
    <div id="gantt"></div>
</body>
</html>
